<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Trainer Booking System</title>
	<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../themes/tm.css">
	<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../js/tm_index.js"></script>
</head>

<body class="easyui-layout">
	<div data-options="region:'north',split:false"  style="height:100px;padding:10px;">
		<p>CM309 Booking System.</p>
	</div>
	<div id="footer" data-options="region:'south',split:false" style="height:50px;padding:10px;background:#efefef;" >
         <span id="copyright">
		       Copyright © 2012 cm309-team-A! Macau Limited.　版權所有 不得轉載
	      </span>
	</div>
	<div data-options="region:'east',iconCls:'icon-reload',split:true" title="Quick Booking" style="width:270px;">
		
	</div>
	<div data-options="region:'west',split:false" title="Trainer Booking Function" style="width:220px;padding1:1px;overflow:hidden;">
	    
 
            <div class="easyui-panel" title="Trainer Booking" style="width:220px;height:150px;padding:10px;background:#fafafa;"  
                    data-options="iconCls:'icon-edit',collapsible:true">
                  <!-- JQUERY control where webpages to go by id -->
    	         <ul class="funmenu">
				  <li>
				    <div class="kl" id="funTMTable">Trainer Timetable and Booking</div>
				  </li>
<!-- 				  <li>
				    <div class="kl"> My Booking Trainer Record</div>
				  </li>	 -->			   
				</ul>
             </div>
 
            <div class="easyui-panel" title="Trainer Maintenance" style="width:220px;height:150px;padding:10px;background:#fafafa;"  
                    data-options="iconCls:'icon-edit',collapsible:true">
               <ul class="funmenu">
				  <li>
				     <div class="kl" id="funTM">Trainer Detail</div>
				  </li>
				   
				</ul>
             </div>
 
	</div>
	<!--overflow:auto , when div can't show all -->
	<div  id="center" data-options="region:'center'" title="Main" style="overflow:hidden;overflow:auto;">

	</div>
	

</body>

</html>